/**
 * Created by Administrator on 2017/3/6.
 */
/*插件的细节：
 * 1.所谓的父容器和子容器有严格的限制：子容器必须是一个单一的盒子，不能有兄弟元素
 * 2.父容器的高度必须小于子元素的高度值,否则滑动没有意义*/
window.onload = function () {
    itcast.iScroll({
        /*你想滑动的内容的父容器*/
        swipeDom: document.querySelector(".box"),
        /*滑动的方向 */
        swipeType: 'x',
        /*滑动的弹簧区间*/
        swipeDistance: 100
    });
};

/*进度条*/

NProgress.start();



/*nav的数据*/
$.get('http://139.199.157.195:9090/api/getbaicaijiatitle', function (data) {
    var html = template('navTpl', {list: data.result});
    $("#nav").html(html);


    /*给a添加href*/
    for (var i = 1, len = data.result.length; i <= len; i++) {
        $("#nav>li:nth-of-type(" + i + ")>a").attr("href", "?cat=" + (i - 1) + "");
    }


    /*设置ul偏移量*/
    $("#nav>li").on('click', function () {
        $.cookie('navX', $("#nav").css("transform") ? $("#nav").css("transform") : matrix(1, 0, 0, 1, 0, 0));
    });

    $("#nav").css("transform", $.cookie('navX'));


    /*商品详情页*/
    var tcId = getQueryString('cat');


    //tab红色
    if (tcId == undefined) {
        $("#nav>li:nth-of-type(1)").children().addClass('active');
    } else {
        $("#nav>li:nth-of-type(" + (+tcId + 1) + ")").children().addClass('active');
    }

    /*产品页*/
    if (tcId) {
        send(tcId)
    } else {
        send(0)
    }




    /*产品页ajax*/
    function send (id){
		
		var bcjCache = new BaicaijiaCache();
		var bcjCacheData = bcjCache.getCache('getbaicaijiaproduct' + id);
		
		// 渲染函数抽取
		function render(data) {
			var html = template('productTpl', data);
			$("#product").html(html);
			NProgress.done();
		}
		
		// 优先使用缓存
		if(bcjCacheData){
			render(bcjCacheData);
		}else {
			$.ajax({
				url: 'http://139.199.157.195:9090/api/getbaicaijiaproduct',
				type: 'get',
				data: {titleid: id},
				success: function (data) {
					bcjCache.setCache('getbaicaijiaproduct' + id, {list: data.result});
					render({list: data.result});
				}
			});
		}
		
        
    }

    /*返回顶部*/
    $('.to-top').toTop();

});


// 获取指定的查询字符串
function getQueryString(key) {

    // 去掉字符串首字母?号
    var search = location.search.slice(1);

    // 使用&符号得到每一个key=val
    var searchArr = search.split('&');
    var tempArr = null;
    var searchObj = {};

    // 遍历数组中的每一个key=val字符串，使用=号劈开，
    // 然后以key为名，val为值添加到searchObj对象中。
    for (var i = 0, len = searchArr.length; i < len; i++) {
        tempArr = searchArr[i].split('=');
        searchObj[tempArr[0]] = tempArr[1];
    }

    // 有参数返回指定值，没有参数返回全部值
    return arguments.length ? searchObj[key] : searchObj;
    //return searchObj;
}






